<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="c_jstl"%>
<%@taglib prefix="fmt" uri="fmt_jstl"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>

<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>7 you 个人主页</title>
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

<!-- CSS
  ================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/screen.css">
<link rel="stylesheet" href="css/mediaelementplayer.css" />
<!--[if IE 7]>
        <link rel="stylesheet" href="stylesheets/ie7.css">
    <![endif]-->

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72"
	href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
	href="images/apple-touch-icon-114x114.png">

<!-- Fonts
    ================================================== -->
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic'
	rel='stylesheet' type='text/css'>

<!-- Scripts
    ================================================== -->
<script src="js/jquery-1.7.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.animate-colors-min.js" type="text/javascript"></script>
<script src="js/ddsmoothmenu.js" type="text/javascript"></script>
<script src="js/jquery.cssAnimate.mini.js" type="text/javascript"></script>
<script src="js/jquery.fitvids.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script src="js/screen.js" type="text/javascript"></script>

</head>

<body>

	<!-- Site Backgrounds
    ================================================== -->

	<!-- Change to class="poswrapheaderline wide" and class="headerline full" for a full-width header line -->
	<div class="poswrapheaderline">
		<div class="headerline"></div>
	</div>
	<!-- Remove or uncomment depending on if you want a background image or tile -->
	<div class="tiledbackground"></div>
	<!--img src="images/bg.jpg" alt="" id="background" /-->
	<!-- Change to class="poswrapper wide" and class="whitebackground full" for a full-width site background -->
	<div class="poswrapper">
		<div class="whitebackground"></div>
	</div>

	<div class="container main portfolio4column">

	<!-- Header | Logo, Menu
    ================================================== -->
	<jsp:include page="head.jsp" />

	<!-- Page Title
	================================================== -->

	<div class="pagetitle">
		<div class="pagetitleholder">
			<h1>个人主页</h1>
		</div>
		<div class="socialholder">
				<ul class="socialicons">
				<c:choose>
					<c:when test="${!empty user}">
						<li>Hi!</li>
						<li><a href="UserInfo?id=${user.getID() }">${user.getID() }</a></li>
					</c:when>	
					<c:otherwise>
						<li><a href="login.jsp" class="linkbg">登陆</a></li>
						<li><a href="regist.jsp" class="linkbg">注册</a></li>
					</c:otherwise>
				</c:choose>				
				</ul>
			</div>
	</div>

	<!-- Body Content
    ================================================== -->
	<div class="sixteen columns nosliderspacer"></div>
        
        <!-- Content Holder -->
		<div class="eleven columns offset-by-one row textblock right">
        
        	<h1><strong><em>${userinfo.ID }<br/><span style="color:gray">de geren kongjian</span></em></strong></h1>
        	
        	<c:choose>
					<c:when test="${userinfo.ID == user.getID()}">
						<!-- 1 column -->
            			<h6>欢迎回来</h6>
            			<p>亲爱的：<strong>${userinfo.ID }</strong>您好，您于<span class="highl_yellow"><fmt:formatDate value="${userinfo.registerDate}" pattern="yyyy-MM-dd"/> </span> 
        				加入<span class="highl"><b>7you</b></span>以来，您已经留下了如下<span class="highl_red"><b>美好的记忆</b></span>
        				</p>
					</c:when>	
					<c:otherwise>
						<p><strong>${userinfo.ID }</strong>于<span class="highl_yellow"><fmt:formatDate value="${userinfo.registerDate}" pattern="yyyy-MM-dd"/> </span> 
        				加入<span class="highl"><b>7you</b></span>
        				</p>
					</c:otherwise>
			</c:choose>				
			
			<div class="pricing" style="margin-top:40px;">
				<div class="pricecol light">
                	<ul style="width:100%;text-align: left;">
                    	<li class="thead">7you 记录器</li>
                        <li class="item">参加活动<span style="color:red">${iactiv }</span>次<%-- <a href="ActivityList?userID=${userinfo.ID }" style="position: absolute;left: 90%;">查看详情</a> --%></li>
                        <li class="item">发起邀请<span style="color:red">${iact }</span>条<!-- <a href="#" style="position: absolute;left: 90%;">查看详情</a> --></li>
                        <li class="item">撰写博客<span style="color:red">${iblog }</span>条<!-- <a href="#" style="position: absolute;left: 90%;">查看详情</a> --></li>
                        <li class="item">实地认证<span style="color:red">${iatt }</span>个<!-- <a href="#" style="position: absolute;left: 90%;">查看详情</a> --></li>
                        <!-- 
                        <li class="item"><span class="yes">PHP 5 enabled</span></li>
                        <li class="item"><span class="no">24h - Support</span></li>
                        <li class="buy"><a href="#" class="button">用户信息 <span>&rarr;</span></a></li>
                        -->
                    </ul>
                </div>
			</div>
            <!-- Divider -->
            <div class="contentdivider"></div>
		</div>
        
        <!-- Sidebar
        ================================================== -->

        <div class="four columns sidebar textblocksidebar">
        
        	<div class="widget" style="margin-bottom:5px;">
                <div class="pdfdownload">   
                    <a href="#" class="link"><img src="${userinfo.userFace }" class="left" alt="username" /></a>
                </div>
            </div>
            <div class="widget" >
            	<c:if test="${userinfo.ID == user.getID() }">
            	<a href="userfaceupload.jsp" class="linkbg" style="width:150px;heigth:150px">修改头像 </a>
            	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            	<a href="UserInfo?id=${userinfo.ID }&modify=0" class="linkbg">修改资料 </a>
            	</c:if>
            	&nbsp;
            </div>
            <div class="widget">
                <h5>最近上传照片</h5>
                <div class="widget_portfolio">
                    <ul>
                        <li class="clearfix"><a href="#" class="borderhover"><img src="images/thumbs/pop_folio1.jpg" alt="" /></a></li>
                        <li class="clearfix"><a href="#" class="borderhover"><img src="images/thumbs/pop_folio2.jpg" alt="" /></a></li>
                        <li class="clearfix"><a href="#" class="borderhover"><img src="images/thumbs/pop_folio3.jpg" alt="" /></a></li>
                        <li class="clearfix"><a href="#" class="borderhover"><img src="images/thumbs/pop_folio4.jpg" alt="" /></a></li>
                        <li class="clearfix"><a href="#" class="borderhover"><img src="images/thumbs/pop_folio5.jpg" alt="" /></a></li>
                        <li class="clearfix"><a href="#" class="borderhover"><img src="images/thumbs/pop_folio6.jpg" alt="" /></a></li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            
            <div class="widget">
                <h5>最近实地认证</h5>
                <div class="widget_blogposts">
                    <ul>
                        <li class="clearfix">
                            <a href="#" class="borderhover"><img src="images/thumbs/pop_blog1.jpg" alt="" /></a>
                            <div class="postlink"><a href="#">Pretty Widgets</a></div>
                            <div class="subline">January 23, 2012</div>
                        </li>
                        <li class="clearfix">
                            <a href="#" class="borderhover"><img src="images/thumbs/pop_blog2.jpg" alt="" /></a>
                            <div class="postlink"><a href="#">Convenient Structure</a></div>
                            <div class="subline">January 21, 2012</div>
                        </li>
                        <li class="clearfix">
                            <a href="#" class="borderhover"><img src="images/thumbs/pop_blog3.jpg" alt="" /></a>
                            <div class="postlink"><a href="#">Another Blog Post</a></div>
                            <div class="subline">January 17, 2012</div>
                        </li>
                        <li class="clearfix">
                            <a href="#" class="borderhover"><img src="images/thumbs/pop_blog4.jpg" alt="" /></a>
                            <div class="postlink"><a href="#">Responsive Layout</a></div>
                            <div class="subline">January 3, 2012</div>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
    
        </div>
        
        <!-- Space Adjuster
        ================================================== -->
        
        <div class="sixteen columns bottomadjust"></div>
   
	</div><!-- container -->

	<!-- Footer
    ================================================== -->
	<jsp:include page="foot.jsp" />
	<!-- End Document
	================================================== -->
	<div style="display: none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>